<template>
    <div>
      <h1>系统设置</h1>
      <el-form :model="settings" label-width="120px">
        <el-form-item label="站点名称">
          <el-input v-model="settings.siteName" />
        </el-form-item>
        <el-form-item label="Logo">
          <UploadFile v-model="settings.logo" />
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="saveSettings">保存设置</el-button>
        </el-form-item>
      </el-form>
    </div>
  </template>
  
  <script setup>
  import { ref } from 'vue'
  import UploadFile from '@/components/UploadFile.vue'
  
  const settings = ref({ siteName: '', logo: '' })
  const saveSettings = () => {
    console.log('保存设置', settings.value)
  }
  </script>